From: Jakub Steiner <jimmac@gmail.com>
Date: Wed, 8 Oct 2014 12:14:49 +0000 (+0200)
Subject: theme: top bar styling.
X-Git-Tag: archive/raspbian/50.5-1+rpi1~1^2~1013^2^2~1832
X-Git-Url: https://dgit.raspbian.org/%22http://www.example.com/cgi/%22/%22http:/www.example.com/cgi/%22?a=commitdiff_plain;h=ac3e315a4791f8b842d358f339c749784fc2129f;p=gnome-shell.git

theme: top bar styling.
---

diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index a30f404ec..f56a712a8 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -196,6 +196,34 @@ StScrollBar {
 
 /* TOP BAR */
 
+#panel {
+  background-color: black;
+  font-weight: bold;
+  height: 1.86em;
+  &.unlock-screen,
+  &.login-screen { background-color: transparent; }
+
+  #panelLeft, #panelCenter { // spacing between activities<>app menu and such
+    spacing: 4px;
+  }
+  
+  .panel-corner {
+    -panel-corner-radius: 6px;
+    -panel-corner-background-color: black;
+    -panel-corner-border-width: 2px;
+    -panel-corner-border-color: transparent; 
+    
+    &:active, &:overview, &:focus { -panel-corner-border-color: transparentize($fg_color, 0.1); }
+    &.lock-screen, &.login-screen, &unlock-screen {
+      -panel-corner-radius: 0;
+      -panel-corner-background-color: transparent;
+      -panel-corner-border-color: transparent;
+    }
+  }
+  
+}
+
+
 // not really top bar only
 .popup-menu-arrow { width: 16px; height: 16px; }
 .popup-menu-icon { icon-size: 1.09em; }
diff --git a/data/theme/_gnome-shell-old.scss b/data/theme/_gnome-shell-old.scss
index 2f9a7602b..e161d496d 100644
--- a/data/theme/_gnome-shell-old.scss
+++ b/data/theme/_gnome-shell-old.scss
@@ -193,57 +193,6 @@
 
 /* Panel */
 
-#panel {
-    background-color: black;
-    font-weight: bold;
-    height: 1.86em;
-}
-
-#panel.unlock-screen,
-#panel.login-screen {
-    background-color: transparent;
-}
-
-#panelLeft, #panelCenter {
-    spacing: 4px;
-}
-
-#panelLeft:ltr {
-    padding-right: 4px;
-}
-
-#panelLeft:rtl {
-    padding-left: 4px;
-}
-
-#panelRight:ltr {
-    padding-left: 4px;
-}
-
-#panelRight:rtl {
-    padding-right: 4px;
-}
-
-.panel-corner {
-    -panel-corner-radius: 6px;
-    -panel-corner-background-color: black;
-    -panel-corner-border-width: 2px;
-    -panel-corner-border-color: transparent;
-}
-
-.panel-corner:active,
-.panel-corner:overview,
-.panel-corner:focus {
-    -panel-corner-border-color: rgba(255,255,255,0.8);
-}
-
-.panel-corner.lock-screen,
-.panel-corner.unlock-screen,
-.panel-corner.login-screen {
-    -panel-corner-background-color: transparent;
-    -panel-corner-border-color: transparent;
-}
-
 #appMenu {
     spinner-image: url("process-working.svg");
     spacing: 4px;
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 5d11b4e31..e3baa90de 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -147,47 +147,6 @@
   spacing: 12px; }
 
 /* Panel */
-#panel {
-  background-color: black;
-  font-weight: bold;
-  height: 1.86em; }
-
-#panel.unlock-screen,
-#panel.login-screen {
-  background-color: transparent; }
-
-#panelLeft, #panelCenter {
-  spacing: 4px; }
-
-#panelLeft:ltr {
-  padding-right: 4px; }
-
-#panelLeft:rtl {
-  padding-left: 4px; }
-
-#panelRight:ltr {
-  padding-left: 4px; }
-
-#panelRight:rtl {
-  padding-right: 4px; }
-
-.panel-corner {
-  -panel-corner-radius: 6px;
-  -panel-corner-background-color: black;
-  -panel-corner-border-width: 2px;
-  -panel-corner-border-color: transparent; }
-
-.panel-corner:active,
-.panel-corner:overview,
-.panel-corner:focus {
-  -panel-corner-border-color: rgba(255, 255, 255, 0.8); }
-
-.panel-corner.lock-screen,
-.panel-corner.unlock-screen,
-.panel-corner.login-screen {
-  -panel-corner-background-color: transparent;
-  -panel-corner-border-color: transparent; }
-
 #appMenu {
   spinner-image: url("process-working.svg");
   spacing: 4px; }
@@ -2057,6 +2016,26 @@ StScrollBar {
   app menu inside the main app window itself rather than the top bar
 */
 /* TOP BAR */
+#panel {
+  background-color: black;
+  font-weight: bold;
+  height: 1.86em; }
+  #panel.unlock-screen, #panel.login-screen {
+    background-color: transparent; }
+  #panel #panelLeft, #panel #panelCenter {
+    spacing: 4px; }
+  #panel .panel-corner {
+    -panel-corner-radius: 6px;
+    -panel-corner-background-color: black;
+    -panel-corner-border-width: 2px;
+    -panel-corner-border-color: transparent; }
+    #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
+      -panel-corner-border-color: rgba(238, 238, 236, 0.9); }
+    #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
+      -panel-corner-radius: 0;
+      -panel-corner-background-color: transparent;
+      -panel-corner-border-color: transparent; }
+
 .popup-menu-arrow {
   width: 16px;
   height: 16px; }